<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="../../common/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="../../common/js/jquery-1.11.1.min.js"></script>
    <script src="../../common/js/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../common.js"></script>
    <script src="../../common/js/Hynetic.js"></script>
</head>
<body>
<div style="width: 100%; height: 500px;" id="map">

</div>
</body>
<script>

    //加载百度地图
    Hynetic.maps.loadJScript('0vBPXOSY1nLFwvBvVnrixqnv');
    (function () {
        //从这里开始就是百度地图的回调函数,这是自己写的
        hyneticMap = function () {
            map = new BMap.Map("map", {enableMapClick: false, minZoom: 1, maxZoom: 18});            // 创建Map实例
            map.setMapStyle({style: 'googlelite'});
            map.centerAndZoom(new BMap.Point(116.417854, 39.921988), 14);// 创建点坐标
            map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
            map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用,
            Hynetic.maps.createMapMark([{
                id: 12,
                title: '标题',
                longitude: 116.425541,
                latitude: 39.919805
            }], null, '../../common/images/sg-marker.png');
        };
    })();
</script>
</html>